@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.border-left-radius (@radius: 4*@hd) {
	-webkit-border-top-left-radius: @radius;
	-moz-border-top-left-radius: @radius;
  border-top-left-radius: @radius;
  -webkit-border-bottom-left-radius: @radius;
	-moz-border-bottom-left-radius: @radius;
	border-bottom-left-radius: @radius;
}
.item-card-container {
  width: calc(~'100% - '20*@hd);
  font-family: PingFangSC-Regular;
  // font-size: @font-size-base;
  min-height: 79*@hd;
  color: #999999;
  background: #F3F7FE;
  // height: 124*@hd;
  padding-left: 10*@hd;
  padding-right: 10*@hd;
  padding-bottom: 15*@hd;
  .item-card-header {
    .header-item {
      height: 20*@hd;
      padding-top: 20*@hd;
      margin-left: 1*@hd;
      div {
        display: inline-block;
      }
      .item-span {
        display: inline-block;
        margin-right: 8*@hd;
      }
      &-right {
        float: right;
        padding-right: 2*@hd;
      }
    }
    
  }
  .item-card-content:active{
    background: #ddd;
  }
  .item-card-content {
    // min-height: 79*@hd;
    height: 100%;
    display: flex;
    background: #FFFFFF;
    .content-item-left {
      .border-left-radius(4*@hd);
      float: left;
      width: 5*@hd;
      height: auto;
    }
    .content-item-message{
      margin-top: 20*@hd;
    }
    .content-item-right {
      float: left;
      height: 100%;
      width: 90%;
      padding-left: 15*@hd;
      padding-top: 7*@hd;
      padding-bottom: 7*@hd;
      &-span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }
      span {
        color: #333333;
        letter-spacing: -0.1*@hd;
      }
      ul {
        padding-left: 0*@hd;
        margin-top: 0*@hd;
        margin-bottom: 0*@hd;
      }
      ul li {
        list-style-type: none;
        margin-top: 4*@hd;
      }
      &-list {
        margin-top: 5*@hd;
      }
      &-icon {
        float: left;
        width: 22*@hd;
        margin-top: 5*@hd;
      }
      &-remind {
        float: left;
        width: 90%;
        margin-top: 2*@hd;
        // margin-left: 7*@hd; 
        span {
          margin-left: 10*@hd;
          margin-right: 10*@hd;
        }
      }
      &-address {
        clear: both;
      }
    }
    .content-item-right-padding {
      padding-top: 10*@hd;
      padding-bottom: 10*@hd;
      .content-item-right-name {
        height: 20*@hd;
        line-height: 20*@hd;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }
    }
    
  }
}
.nodata-content {
}
  .wm-comment-nodata {
    background: #f3f7fe;
    // margin-top: 5*@hd;
    .am-result {
      background: #f3f7fe;
      margin-top: 55*@hd;
      margin-bottom: 10*@hd;
      top: 0;
      .am-result-pic{
        .am-icon-no-data{
          height: 50*@hd;
          width: 50*@hd;
        }
      }
      .am-result-message {
        margin-top: 0;
        font-size: 14*@hd;
      }
    }
  }